<nav class="navbar" style="background-color: #8a82da; padding: 8px 10%;">
    <div class="container-fluid">
        <a class="navbar-brand" href="">Wal'kofe</a>

        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-link active" aria-current="page" href="#">Главная</a>
                <a class="nav-link" href="#">Рекомендуемые</a>
                <a class="nav-link" href="#">Цена</a>
                <a class="nav-link disabled">Отключенная</a>
            </div>
        </div>

        <form class="d-flex" role="search" method="post" action="/">
            <input name="query" class="form-control me-2" type="search" placeholder="Поиск" aria-label="Поиск">
            <button class="btn btn-outline-success" type="submit">Поиск</button>
        </form>
    </div>
</nav>
<script>
    const btn = document.querySelector('button[type="submit"]').addEventListener('click', (event) => {
        event.preventDefault();
        console.log(1);
    })
</script>
<?php
